*{margin: 0;padding: 0;box-sizing: border-box}
ul,ol{list-style: none;}
a{text-decoration: none}
input{border: none}

/* 代理商登录 */
.dlslogin{width:100%;margin-top: 10%;}
.dlslogin .leftFormBox{border:1px solid #f1f1f1;padding:100px 0;}
.dlslogin .leftFormBox .formBoxImg{float:left;}
.dlslogin .leftFormBox .formBoxFont{float:left;margin:0 20px;}
.dlslogin .leftFormBox .formBoxFont h3{font-size:25px;}
.dlslogin .leftFormBox .formBox{width:38%;margin:0 auto;}
  .dowebok {margin-top:50px;}
        /*.logo { width: 104px; height: 104px; margin: 50px auto 80px; background: url(images/login.png) 0 0 no-repeat; }*/
        .form-item { position: relative;  margin: 0 auto; padding-bottom: 30px;}
        .form-item input { width: 350px; height: 46px; padding-left: 40px; border: 1px solid #dddddd; font-size: 18px; color: #999999; background-color: transparent; outline: none;}
        .form-item button { width: 138px; height: 46px; border: 0; font-size: 18px; color: #fff; outline: none; cursor: pointer; background-color: #1d3190; }
        #username { background: url(/public/images/login_2.png) 12px 15px no-repeat; }
        #password { background: url(/public/images/login_3.png) 12px 15px no-repeat; }
        .tip { display: none; position: absolute; left: 20px; top: 52px; font-size: 14px; color: #f50; }
        .reg-bar { width: 360px; margin: 20px auto 0; font-size: 14px; overflow: hidden;}
        .reg-bar a { color: #fff; text-decoration: none; }
        .reg-bar a:hover { text-decoration: underline; }
        .reg-bar .reg { float: left; }
        .reg-bar .forget { float: right; }
        .dowebok ::-webkit-input-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}
        .dowebok :-moz-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}
        .dowebok ::-moz-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}
        .dowebok :-ms-input-placeholder { font-size: 18px; line-height: 1.4; color: #fff;}

        @media screen and (max-width: 500px) {
            * { box-sizing: border-box; }
            .dowebok { position: static; width: auto; height: auto; margin: 0 30px; border: 0; border-radius: 0; }
            .logo { margin: 50px auto; }
            .form-item { width: auto; }
            .form-item input, .form-item button, .reg-bar { width: 100%; }
        }
		.forget{float:right;position:relative;    text-decoration: underline;margin-top: 20px;}
		.forget:after{width:100px;height:1px;color:red;    display: block;}
		.rightFormBox{background: url(/public/images/login_4.jpg) 0 0 no-repeat;height: 528px;position:relative;}
		.rightFormBox .rightFontBox{position:absolute;top:12%;left:12%;}
		.rightFormBox .rightFontBox h4{color:#fff;font-size:14px;line-height:26px;}
		.rightFormBox .rightFontBox h4 span{font-size:18px;font-weight:bold;}

		.rightFormBox .rightFontBox-1{position:absolute;bottom:44%;left:12%;}
		.rightFormBox .rightFontBox-1 h4{color:#fff;font-size:14px;line-height:26px;}
		.rightFormBox .rightFontBox-1 h4 span{font-size:18px;font-weight:bold;}

		.rightFormBox .regBox{
			    background: #f0f0f0;
				height: 198px;
				position: absolute;
				z-index: 1000;
				bottom: 0;
				width: 100%;
		}
		.rightFormBox .regBox p{width:100%;padding:30px;    margin-top: 38px;}
		.rightFormBox .regBox p a{width:90%;margin:0 auto;background:#ffc468;font-size:18px;display:block;text-align:center;line-height:50px;}
/* 代理商注册 */
.regformBoxt h4{width:100%;text-align:center;height:64px;background:#fafafa;font-size:20px;line-height: 60px;font-weight: bold;}
.regformBox .layui-input, .layui-select, .layui-textarea{height:48px;    background-color: #fdfdfd;}
.regformBox .layui-form-label{    padding: 14px 0px;}
.con4{
     height: auto;
     overflow: hidden;
     margin: 20px auto;
     color: #FFFFFF;
}
.con4 .btns{
     width: 45%;
     height: 80px;
     line-height: 40px;
     text-align: center;
     background: url(/public/images/reg_1.jpg) 0 0 no-repeat;
     display: block;
     font-size: 16px;
     border-radius: 5px;
	position: absolute;
    top: 30%;
    left: 24%;
}
.upload{
     float: left;
     position: relative;
}
.upload_pic{
     display: block;
     width: 100%;
     height: 40px;
     position: absolute;
     left: 0;
     top: 0;
     opacity: 0;
     border-radius: 5px;
}
#cvs{
	background:#f1f1f1;
	border: 1px solid #f1f1f1;
}

.regformBox .layui-btn{background-color: #1d3190;width:100%;}
.regBoxFooter{margin-top:20px;}
.regBoxFooter .fl{float:left;color:#000000;font-size:14px;}
.regBoxFooter .fl span{color:#fb0018;}
.regBoxFooter .ri{float:right;color:#000000;font-size:14px;}
.regBoxFooter .ri:hover{color:#fb0018;}
.member {
    padding: 0 300px;
    padding-top: 100px;
}
.member .top50{margin-top:50px;}
.regPBoxFooter {
    margin-top: 20px;
}
.regPBoxFooter p img{float:left;margin-top:3px;}
.regPBoxFooter .fontBox{    color: #999999;line-height: 26px;margin-top: 14px;}
.regPBoxFooter .layui-form-label{    padding: 14px 0px;}
/* 代理商会员中心 */
.memberNavBox{width:100%;position:absolute;top:-42px;}
.memberNavBox ul{ margin:0;}
.memberNavBox li {
	display:inline-block;
	color:#fff;
	cursor:pointer;
	background:#1d3190;
	height:42px;
}

.memberNavBox li a {
	color:#fff;
	line-height:40px;
	margin:0 50px;
	padding:0 5px;
}
 .memberNavBox  .hcurrent ,.memberNavBox  .hcurrent a {

	background:#fff;
	color:#000000;
}
 .memberNavBox  .current {
	background:#e00c0c;
	color:#3a8e99;
}
@media (max-width: 767px){
	.memberNavBox li a{ margin:0;}
}
.memformBox{margin-top:35px;}
.member-Box .xian{width:100%;}
.member-Box .xian{background:#0062ac;height:2px;color:red;display:block;margin-top: 30px;}
.member-Box table tr td{border:1px solid #ededed;   }
.conbgCortwo{height:125px;padding:0 30px;}
.member-Box .cBox .huanying{ font-size: 16px;width: 350px;line-height: 24px;text-align:left;float: left;margin-left: 15px;}
.member-Box .cBox .huanying span{color:#dc2722;}
.member-Box .tc{background: #f5f5f5; width: 30%; padding: 10px 40px;display: inline;border-radius: 15px;}
.member-Box .dBox h4{text-align:center;width:100%;color:#e00c0c;font-size:30px;font-weight:bold;}
.memberInfo{}
.memberInfo table tr td{border-bottom:1px solid #ededed;   }
.member-Box-2 .xian{height: 1px;width: 100%;background: #ededed;margin-bottom: 20px;}
.member-Box-2 .memberInfo .infoTop{padding: 20px 0;}
.member-Box-2 .memberInfo .infoTop .infoB{font-size:16px;font-weight:bold;}
.member-Box-2 .memberInfo .infoTop a:hover{color:#e00c0c;}
.member-Box-2 .ftitleBox{width:100%;}
.memberInfo .dBox{background:#f5f5f5;}
.member-Box-2{border:1px solid #ededed;margin-top: 20px;padding: 0 30px 30px 30px;}

.padding30{padding:0 30px;}
.conbgCorThrss{height:45px;}
.conbgCorfour{height:72px;}
.member-Box-2 .eBox td{border-bottom:1px solid #ededed;}

/* 基本信息修改 */
.infoformBox .layui-input, .layui-select, .layui-textarea{height:48px;    background-color: #fdfdfd;}
.infoformBox .layui-form-label{padding: 14px 0px;width: 175px;}
.formInfoBox{ padding: 0 300px;padding-top: 60px;padding-bottom:30px;}
.infoUp {
    padding:30px;
    border: 1px solid #ededed;
    border-top: 2px solid #0062ac;
    margin-top: 20px;
}
.infoformBox .xian {
    height: 1px;
    width: 100%;
    background: #ededed;
    margin: 20px 0;
}
.infoUp h3{font-size:16px;font-weight:bold;}
.infoformBox .layui-btn{width: 100%;background:#1d3190;}
.ggBox{}
.ggBox li{padding-top: 30px;}
.ggBox li a{display: block;}
.ggBox .touzifl{float: left;font-size: 14px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ggBox .touzifr{float: right;text-align: right;}
.ggBox .touzifr span{text-align: right;display:block;}
.ggBox  .ggXian{margin-top: 20px; border-bottom: 1px solid #dcdcdc;display: block;}
.infoUp .subBox{margin-top:40px;height: 44px;}
.colorB{color:#0ca529;}
.downformBox .layui-input, .layui-select, .layui-textarea{height:48px;    background-color: #fdfdfd;}
.downformBox .xian {
    height: 1px;
    width: 100%;
    background: #ededed;
    margin: 20px 0;
}
.downformBox .layui-btn{width: 100%;background:#1d3190;}
.downformBox .layui-input{height:36px;}
.downformBox .layui-form-select dl dd.layui-this{background-color: #1d3190;  color: #fff;}
.downformBox .layui-col-md3{width:12%;}
.infoUp .downP{width: 100%; text-align: center; margin-top: 30px;}
.infoUp .xiazai{text-align:center;margin-top:30px;}
.infoUp .xiazai a{width:10%;background:#0062ac;color:#fff;line-height:30px;display:block;margin:0 auto;border-radius: 5px;}

.ggny{padding-top: 30px;}
.ggny h2{font-size: 24px;color: #333;text-align: center;padding-bottom: 20px;}

.infoUp .qyBox{position: relative;padding: 16% 0 22% 28%;}
.infoUp .wInfo{display:block;width:30%;background:#0062ac;color:#fff;padding:20px;text-align:center;float:left;margin: 0 10px;}
.infoUp .cInfo{display:block;width:30%;background:#e70808;color:#fff;padding:20px;text-align:center;float:left;}

.memformBox .layui-form-select dl dd.layui-this{
	background-color: #fff;
    color: #000000;
}

.ggny .times1{
	display:block;
	text-align:center;
	padding: 0 0 20px 0;
}
.qianyueList{border-top: 2px solid #0062ac;}

.qianyuexq{padding-left: 90px;}
.qianyuexq p{}
.qianyuexqInfo{margin-top:20px;}
.qianyuexqInfo p{padding:10px 20px;}
.qianyuexqInfo .eBox{}
.qianyue .infoUp h4{font-weight:bold;}
.forQxBox{padding-top:15px;}
.qianyue2 .layui-input{border-radius:8px;     width: 85%;    height: 44px;background-color: #fdfdfd; }
.qianyue2 .layui-input-block{margin-left: 115px;}
.qianyue2 .layui-form-select .layui-edge{right: 33px;}
.qianyue2 .layui-form-select dl{min-width:85%;left: 60px;}
.qyts{width:100%;height:47px;border:1px solid #f9d391; color:#f9d391;padding:0 15px;line-height: 47px;}
.qianyue2 h5{font-size: 14px;font-weight: bold;margin: 25px 0;}
.qianyue2 .layui-form-label{padding: 14px 0px;width: 175px;}
.qianyue2 .xian {
    height: 1px;
    width: 100%;
    background: #ededed;
    margin: 20px 0;
}
.qianyue2 .subBoxs {text-align:center;margin:30px 0;}
.qianyue2 .subBoxs .layui-btn{ background-color: #1d3190;width:30%;}

.xsqyBox{border-bottom:1px solid #e3e9ef;}
.qianyue2 .layui-textarea{width:80%;}
.tiaokuan{width:100%;background:#fafafa;border:1px solid #f38f9d;margin: 40px 0;}
.tiaokuan h2{font-size:14px;padding:30px 30px;}
.tiaokuan .laybox{margin-left:30px;}
.tiaokuan .laybox li{line-height:30px;}
.tiaokuan .laybox li a{color:#3362cd;}
.tiaokuan .layui-form-checkbox[lay-skin=primary]:hover i{border-color: #1d3190;background-color: #fff;color:#1d3190;}
.tiaokuan .layui-form-checked[lay-skin=primary] i{border-color: #1d3190;background-color: #1d3190;}

.tjshBox{width:100%;   margin: 10% 0;}
.tjshBox .tjfr h4{font-size:20px;font-weight:bold; padding: 10px;}
.tjshBox .tjfr p{font-size:14px; padding: 0 10px;}
.tjshBox .tjfr p a{color:#0062ac;}
.top15{margin-top:15px;}
 .dn{display: none}
.w12 .fr {
    float: right;
}
.w12 .fl {
    float: left;
}
.pro table{
	text-align:center;
	  border: 1px solid #000;
}
.pro table tr td{
	padding:10px;
	text-align:left;
  border: 1px solid #000;
}
 .prony .layui-table{width:80%}

								    .prony .con-ta th{
										font-size:18px !important;
									}
								   .prony .layui-table tr{line-height:40px}
								   .prony .layui-table th{text-align:center;width:20%;font-size:16px;color:#000000;line-height:27px;border: 1px solid #000;}
								   .prony .layui-table td{font-size:16px;color:#000000;line-height:30px;border: 1px solid #000;}
  .msearchm {
                padding: 65px 0;
            }
            .msearchml {
                width: 298px;
            }
            .msearchmr,
            .msearchmsub {
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
            }
            .msearchml h4 {
                font-size: 18px;
                color: #555555;
                padding-bottom: 20px;
            }
            .msearchmsub {
                background: #fff;
                width: 100%;
            }
            .msearchmsub li {
                border-bottom: 1px solid #f0f0f0;
                padding: 0 10px;
                line-height: 45px;
                overflow: hidden;
            }
            .msearchmsub span {
                color: #7d7d7d;
                float: right;
                font-size: 12px;
            }
            .msearchmsub a {
                color: #414141;
                font-size: 14px;
            }
            .msearchmsub a:hover,.acted{
                color: #114897 !important;
            }
            .msearchmr {
                padding: 0 30px;
                width: calc(100% - 330px);
            }
            .msearchmrlist li {
                border-bottom: 1px solid #e5e5e5;
                overflow: hidden;
                padding: 20px 15px;
            }
            .msearchmrlist li:last-child{
                border-bottom: none;
            }
            .msearchmrlist span,
            .msearchmrlist a {
                display: inline-block;
                vertical-align: top;
            }
            .msdetailp1 {
                font-size: 12px;
                line-height: 26px;
                color: #2393c6;
            }
            .msdetailp2 {
                font-size: 16px;
                line-height: 26px;
                color: #333333;
            }
            .tipPrice{
                font-size: 16px;
                line-height: 26px;
                color: #00479d;
                margin-left: 15px;
            }
            .shopBuys{
                font-size: 16px;
                line-height: 26px;
                color: #00479d;
                float: right;
                background: url(img/car.svg) no-repeat left center;
                background-size: 22px;
                padding-left: 26px;
            }
            .msdetailp3 {
                float: right;
                font-size: 14px;
                color: #0f60c8;
                line-height: 26px;
                height: 26px;
                width: 65px;
            }
            .msdetailp4 {
                float: right;
                font-size: 12px;
                color: #0f60c8;
                width: 72px;
                text-align: center;
                border-radius: 8px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border: 1px solid #0f60c8;
                height: 24px;
                line-height: 24px;
                margin-right: 45px;
            }
            .msearchmr{
                background: #FFFFFF;
            }
            .msearchmr h5 {
                font-size: 24px;
                line-height: 24px;
                padding: 14px 0;
            }
            .msearchmr h5 i{
                color: #1a4c93;
            }
            .msearchmrlist li:hover .msdetailp2 {
                color: #1a4c93;
            }
            .msearchmsubon {
                position: fixed;
                top: 70px;
            }
            #submit {
                width: 120px;
                height: 38px;
                position: absolute;
                top: 0px;
                right: 0px;
                border-radius: 19px;
                text-align: center;
                line-height: 38px;
                color: #fff;
                display: none;
                border: 1px solid #fff;
                cursor: pointer;
            }
            #submit:hover {
                color: #114897;
                background-color: #fff;
            }
            .searchform{
                bottom: 45%;
            }
            @media screen and (max-width:1200px) {
                .msearchmr{
                    width: calc(100% - 300px);
                }
            }
            @media screen and (max-width:900px) {
                .msearchm{
                    width: 92%;
                    padding: 30px 0;
                }
                .msearchml,.msearchmr{
                    width: 100%;
                    float: none;
                }
                .msearchml h4{
                    text-indent: 1em;
                }
                .msearchmr{
                    padding: 20px;
                    width: calc(100% - 40px);
                    margin-top: 26px;
                }
                .msearchmr h5 {
                    font-size: 18px;
                    padding: 0;
                }
                .msdetailp2{
                    width: 100%;
                    margin-left: 0;
                }
                .tipPrice,.shopBuys{
                    width: 100%;
                    display: block;
                    float: none;
                }
				.tipPrice{
					margin-left: 0;
				}
                .msearchmr{
                    width: 100% !important;
                    padding: 0;
                }
            }
.cx_zj h3{ font-size: 24px;text-align: center;padding: 80px 0 40px 0;}
.touzi h3{
	padding: 1%;
    font-size: 18px;
    color: #333;
}
.proDes p{
	    font-size: 14px;
		line-height: 25px;
		padding: 2.2% 0 2% 0;
}
.layui-tab-content .layui-tab-item p a{
    font-size: 14px;
    display: inline-block;
    margin-right: 18px;
    line-height: 24px;
    text-decoration: none;
    color: #7e7e7e;
}
.layui-tab-content .layui-tab-item p{
    padding: 16px 0;
    border-bottom: 1px dashed #efefef;
}
.soso{width:50%;float:left}
.xzm {
    width: 50%;
    float: right;
    padding-top: 56px;
}
.zcfl{width:100% !important;}
.in-page {color:#888;margin-top:30px;text-align:center}
.in-page span {padding:0 15px;border:1px solid #eea73f}
.in-page a {height:35px;line-height:35px;padding:6px 9px;border:1px solid #eea73f;border-radius:3px;display: inline;}
.in-page a.cur,.in-page a:hover {border-color:#eea73f;background:#eea73f;color:#fff}
.curs {
    margin-right: 5px;
}



/*分页样式*/
.page_info{text-align:center;margin-top:10px;color:#333;}
.page_info span{padding:0 2px;font-weight:bold;}
.page_list{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin-top:20px;}
.page_list a{display:inline-block;color:#0062ac;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list a:hover{color:#fff;border:1px solid #0062ac;background:#0062ac;}
.page_list a.on{
    color: #ffffff;
    border: 1px solid #ccc;
    background: #0062ac;
	}

.page_list_dd{height:24px;line-height:24px;text-align:center;letter-spacing:0;font-family:"Arial Black";font-size:12px;margin: 60px 0 25px;}
.page_list_dd a{display:inline-block;color:#0062ac;border:1px solid #e8e8e8;background:#f8f8f8;text-align:center;padding:0 8px;margin:0 1px;}
.page_list_dd a:hover{color:#fff;border:1px solid #0062ac;background:#0062ac;}
.page_list_dd a.on{
    color: #ffffff;
    border: 1px solid #ccc;
    background: #0062ac;
	}

.csxqff h4{font-size: 28px;font-weight: bold;}
.csxqff {margin-bottom: 10px;}
.touzi   a {display:block;}
.touzi .touzifl {float:left;font-size:15px;padding-top:13px;color:#333;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.touzi .touzifr {float:right;text-align:right;color:#666;margin-top:14px;}
.touzi .touzifl:hover{color: #0062ac;}
.zcfl {
    float: left!important;
    padding-top: 50px;
}
.xzm span{
	cursor: pointer;
    width: 28%;
    line-height: 30px;
    height: 32px;
    background: #0062ab;
    border: none;
    margin-top: 0;
    margin-left: -5px;
    color: #fff;
    display: block;
    border-radius: 6px;
    text-align: center;
}
.downsearch{margin-top:50px}
.searchconq{  width: 600px;margin: auto;}
.searchq{  position:relative; margin :22px 0;}
.keyq{ width:588px; height:42px; border:2px solid #0062ab;font-size: 16px; background:rgba(255,255,255,0.9); border-radius:15px; padding:0 80px 0 40px; color:#333;}
.btnq{ width:114px; height:42px;background:url(../images/cax1.png) no-repeat center; border:none; position: absolute; right: 5%; cursor:pointer;}
 .jindu{padding:0 15.5%}


        .actuatebox .search,
        .content1 .search {
            margin-left: 11px;
            width: 93px;
            height: 38px;
            line-height: 38px;
            font-size: 14px;
            color: #fff;
            text-align: center;
            background-color: #b01f24;
            cursor: pointer;
        }

        .actuate-list table {
            margin-top: 16px;
            width: 100%;
        }

        .actuate-list {
            font-size: 16px;
        }

        .actuate-list th {
            height: 50px;
            font-size: 14px;
            color: #333;
            text-align: center;
            background-color: #eee;
        }

        .actuate-list tr {
            text-align: center;
            border-top: 0 10px;
        }

        .actuate-list td {
            height: 42px;
            color: #666;
            font-size: 14px;
            padding: 0 10px;
        }

        .actuate-list td a {
            color: #b01f24;
            /* color: #666; */
        }

        .actuate-list td a:hover {
            text-decoration: underline;
        }

        .actuate-list td.img a {
            display: inline-block;
            content: '';
            width: 22px;
            height: 22px;
            background: url("../images/load_03.png") no-repeat center;
        }

        .actuate-list td.img a:hover {
            background: url("../images/load_active_03.png") no-repeat center;
        }

        .actuate-list td:last-child {
            cursor: pointer;
        }

        .actuate-list tr:nth-child(2n+1) {
            background-color: #f9f9f9;
        }


 @media(max-width:768px){
  .jindu{padding:0  }

  .searchconq{  width: 99%;}
  .keyq{  width: 99%;}
  .btnq{right: 0;}

  .ui-stepBar-wrap{width: 90% !important;overflow: initial!important;}
 }
.proDes{width:100%;}
.pro_bottom {
    margin: 40px 0;
}
.pro_bottom h1 {
    font-size: 30px;
    font-weight: bold;
}
 .msearchm {
                padding: 65px 0;
            }
            .msearchml {
                width: 298px;
            }
            .msearchmr,
            .msearchmsub {
                border-radius: 5px;
                -webkit-border-radius: 5px;
                -moz-border-radius: 5px;
            }
            .msearchml h4 {
                font-size: 18px;
                color: #555555;
                padding-bottom: 20px;
            }
            .msearchmsub {
                background: #fff;
                width: 100%;
            }
            .msearchmsub li {
                border-bottom: 1px solid #f0f0f0;
                padding: 0 10px;
                line-height: 45px;
                overflow: hidden;
            }
            .msearchmsub span {
                color: #7d7d7d;
                float: right;
                font-size: 12px;
            }
            .msearchmsub a {
                color: #414141;
                font-size: 14px;
            }
            .msearchmsub a:hover,.acted{
                color: #114897 !important;
            }
            .msearchmr {
                padding: 0 30px;
                width: calc(100% - 330px);
            }
            .msearchmrlist li {
                border-bottom: 1px solid #e5e5e5;
                overflow: hidden;
                padding: 20px 15px;
            }
            .msearchmrlist li:last-child{
                border-bottom: none;
            }
            .msearchmrlist span,
            .msearchmrlist a {
                display: inline-block;
                vertical-align: top;
            }
            .msdetailp1 {
                font-size: 12px;
                line-height: 26px;
                color: #2393c6;
            }
            .msdetailp2 {
                font-size: 16px;
                line-height: 26px;
                color: #333333;
            }
            .tipPrice{
                font-size: 16px;
                line-height: 26px;
                color: #00479d;
                margin-left: 15px;
            }
            .shopBuys{
                font-size: 16px;
                line-height: 26px;
                color: #00479d;
                float: right;
                background: url(img/car.svg) no-repeat left center;
                background-size: 22px;
                padding-left: 26px;
            }
            .msdetailp3 {
                float: right;
                font-size: 14px;
                color: #0f60c8;
                line-height: 26px;
                height: 26px;
                width: 65px;
            }
            .msdetailp4 {
                float: right;
                font-size: 12px;
                color: #0f60c8;
                width: 72px;
                text-align: center;
                border-radius: 8px;
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                border: 1px solid #0f60c8;
                height: 24px;
                line-height: 24px;
                margin-right: 45px;
            }
            .msearchmr{
                background: #FFFFFF;
            }
            .msearchmr h5 {
                font-size: 24px;
                line-height: 24px;
                padding: 14px 0;
            }
            .msearchmr h5 i{
                color: #1a4c93;
            }
            .msearchmrlist li:hover .msdetailp2 {
                color: #1a4c93;
            }
            .msearchmsubon {
                position: fixed;
                top: 70px;
            }
            #submit {
                width: 120px;
                height: 38px;
                position: absolute;
                top: 0px;
                right: 0px;
                border-radius: 19px;
                text-align: center;
                line-height: 38px;
                color: #fff;
                display: none;
                border: 1px solid #fff;
                cursor: pointer;
            }
            #submit:hover {
                color: #114897;
                background-color: #fff;
            }
            .searchform{
                bottom: 45%;
            }
            @media screen and (max-width:1200px) {
                .msearchmr{
                    width: calc(100% - 300px);
                }
            }
            @media screen and (max-width:900px) {
                .msearchm{
                    width: 92%;
                    padding: 30px 0;
                }
                .msearchml,.msearchmr{
                    width: 100%;
                    float: none;
                }
                .msearchml h4{
                    text-indent: 1em;
                }
                .msearchmr{
                    padding: 20px;
                    width: calc(100% - 40px);
                    margin-top: 26px;
                }
                .msearchmr h5 {
                    font-size: 18px;
                    padding: 0;
                }
                .msdetailp2{
                    width: 100%;
                    margin-left: 0;
                }
                .tipPrice,.shopBuys{
                    width: 100%;
                    display: block;
                    float: none;
                }
				.tipPrice{
					margin-left: 0;
				}
                .msearchmr{
                    width: 100% !important;
                    padding: 0;
                }
            }

.hdx{border-bottom: 1px solid #ccc}
.hdtop{height: 60px;}
.search{float: right; position:relative; margin-top:18px;border: 1px solid #0062ab;}
.key{ width: 175px; height: 25px; background:rgba(255,255,255,0.9); padding: 0 30px 0 5px; color:#ccc;border-radius:15px;}
.btn{ width:20px; height:20px; background:url(../images/search.png) no-repeat center; border:none; position:absolute; top:0; right:10px; cursor:pointer;}
.prots span{
	margin-top:5px;
	color:#0062ab;
}

.L-select-item{
	width: 100px;
	position: relative;
}
.Lselect{
	display: flex;
	justify-content: space-between;
	align-items: center;
    width: 175px;
}
.L-edge{
	border-color: transparent;
}
.L-select-item .L-edge{
	position: absolute;
	right: 10px;
	margin-top: -3px;
	top: 50%;
	border-width: 6px;
	border-top-color: #C2C2C2;
	border-style: solid;
}
.L-select-item .Linput{
	cursor: pointer;
	min-height: 100%;
}
.searchBox{padding: 50px 0 !important;}
.buttons{
    height: 40px !important;
    line-height: 40px !important;
    padding: 0 50px !important;
}
.margin_14 {
    max-width: 1460px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
}
.shouhou_box {
    padding-bottom: 50px;
    padding-top: 30px;
}
.feilei_chazhao {
    display: block;
}
.left_menu {
    width: 100%;
    float: left;
    border: 1px solid #d7d7d7;
}
.feilei_chazhao li.active {
    background: #0062ab;
}
.left_menu li.active {
    background: #f9f9f9;

}
.left_menu ul li {
    width: 20%;
    float: left;
    margin-top: 5px;
    background: #eeeeee;
    position: relative;
    padding-top: 0;
}
.left_menu li {
    display: block;
    line-height: 18px;
    font-size: 15px;
    padding: 0 20px;
    cursor: pointer;

}

.feilei_chazhao li.active em {
    background: url(../images/icon_left_nav_active_03.png) no-repeat;
    left: 14px;
}
.feilei_chazhao ul li em {
    display: inline-block;
    width: 40px;
    height: 30px;
    position: absolute;
    top: 15px;
    left: 16px;
    background: url(../images/icon_left_nav_defalut_03.png) no-repeat;
}
.feilei_chazhao ul li.active a {
    color: #fff;
}
.left_menu li.active a {
    color: #0062ac;
    text-decoration: none;

}
.feilei_chazhao ul li a {
    border: none;
    color: #333333;

}
.left_menu li a {
    padding: 18px  ;
    display: block;
    border-bottom: 1px dashed #d7d7d7;
    color: #7e7e7e;
    text-align: center;
}
.shouhou_contents .left_menu li .shouhou_contents_em_94, .shouhou_contents .left_menu li .shouhou_contents_em_170 {
    background-position: 0px -70px;
}
.feilei_chazhao ul li a {
    border: none;
    color: #333333;
}
.feilei_chazhao .shouhou_contents01 {
    margin-top: 10px;
    width: 100%;
    border: 2px solid #0062ac;
}
.shouhou_contents01 {
    width: 74.8%;
    float: right;
}
.shower {
    display: block;
}
.product_serices_b {
    width: 100%;
    min-height: 522px;
}
.product_serices_b ul {
    padding: 10px 30px;
}
.feilei_chazhao ul {
    border: none;
}
.product_serices_b ul li {
    width: 100%;
    background: #fff;
}
.left_menu ul li {
    width: 20%;
    float: left;
    margin-top: 5px;
    background: #eeeeee;
    position: relative;
}
@media (min-width: 1920px)
.product_serices_b ul li .left_b {
    width: 14%;
}
 .en_foo {
            line-height: 28px;
            font-size: 14px;
            text-align: center;
            margin: 0 auto;
            width: 50%;
            color: #b4b4b4;
        }

        .en_foo p {
            text-align: center;
        }

		.global_toolbar_goto{
			display:none
		}
		.breadcrumb {
			background-color: #fff !important;
			border-radius: 0px !important;
			border-bottom: 1px solid #eeeeee;
			margin-bottom: 0px !important;

			padding-top: 14px !important;
			padding-bottom: 14px !important;
			font-size: 14px;
			line-height:1.42857143
		}

        @media  screen and (max-width: 650px) {
            .en_foo {
                width: 100%;
                margin: 20px auto;
            }
        }

        #navtab .nav_li_6 .bottom-box .titbox dl {
            width: 12%;
            margin-right: 40px;
        }

        #navtab .nav_li_6 .bottom-box .titbox .cf:nth-child(2) {
            margin: 0 40px 0 0;
        }

        #navtab .nav_li_6 .bottom-box .solve_jia {
            padding-left: 0;
        }

        .white_space_pre_line {
            white-space: pre-line
        }

        .color-0062ac a {
            color: #0062ac !important;
        }

        .cursor_pointer {
            cursor: pointer
        }

        .font_size14 {
            font-size: 14px
        }

        .pagination > li > span {
            margin-right: 6px;
            padding: 0;
            width: 36px;
            height: 34px;
            line-height: 34px;
            font-size: 14px;
            color: #23232c;
            border-color: #d5d5d5;
        }

        .pagination > .active > span {
            background-color: #0062ac;
            border-color: #0062ac;
        }

        .pagination > .active > span:hover {
            background-color: #0062ac;
            border-color: #0062ac;
        }

        /*.solution_banner {
            width: 100%;
            height: 400px;
            background-size: cover;
            color: #ffffff !important;
            text-align: center;
            padding: 106px 22% 60px;
        }*/

		.banner_pos{
			position:relative;
			overflow:hidden
		}

		.banner_pos:hover img{
			transform: -webkit-scale(1.03);
			transform: -moz-scale(1.03);
			transform: -o-scale(1.03);
			transform: -ms-scale(1.03);
			transform: scale(1.03);
		}

		.product_container .swiper-slide{
			overflow:hidden
		}
		.banner_pos img ,.product_container img{
			transition: -webkit-all 2s;
			transition: -moz-all 2s;
			transition: -o-all 2s;
			transition: -ms-all 2s;
			transition: all 2s;
		}
		.banner_pos1 img{
			transform: -webkit-scale(1.1);
			transform: -moz-scale(1.1);
			transform: -o-scale(1.1);
			transform: -ms-scale(1.1);
			transform: scale(1.1);
		}
		.solution_banner {

			position: absolute;
			top: 50%;
			text-align: center;
			left: 50%;
			transform: translate(-50%,-50%);
			color: #fff;
        }

		.solution_banner h2{
			font-size:24px;

		}
		.solution_banner p{

		}


        @media (max-width: 500px) {
            .solution_banner {
                height: 100%;
                padding: 60px 4% 60px;
            }
			.solution_banner p{
				font-size:14px
			}
			.solution_banner h2{
				font-size:18px
			}
        }

        @media (min-width: 1920px) {

        }
.news li img{height:225px}
.hdtopfl{width:30% !important}
.hdtopfr{width:70% !important}
.layui-col-space10>*{height:123px}
.dglu{float: right;padding: 0 10px;}
.hdtop .hdtopfl img{padding-top: 5px}
.hdtop .hdtopfr img {padding-top: 19px;}
.hdtop .hdtopfr {text-align: right;padding-right: 20px;}
.hdtop .hdtopfr h3{line-height: 40px;display: inline-block;padding-right: 20px;color: #4b4b4b;font-size: 14px;}
.header{position: relative;z-index:5;width:100%;height:62px; background: #0062ac}
.header nav ul li{position:relative;float:left;padding:0 26px}
.header .logo {
    line-height: 60px;
}
     @media (min-width: 1200px) {
.form-member {
margin:0 auto;
  width: 60%;
  background: #fff;
  padding: 15px;
}
}
.xuxianService{
	margin-top: 10px;
    margin-bottom: 40px;
    border-bottom: 1px solid #aaaaaa;
}
select[id="select"] {
				margin-top: 2px;
				border: 0px solid #ff7496;
				float: left;
				color: #333;
				background-color: #FFF;
				padding-left: 15px;
				/* 鼠标触碰光标变手势 */
				cursor: pointer;
				/* 清除默认样式 */
				appearance: none;
				-webkit-appearance: none;
				-moz-appearance: none;
			}

			div[class="select"]:after {
			/* 给select添加右侧下拉图标 */
				content: "";
				width: 14px;
				height: 8px;
				background: url(下拉.png) no-repeat center;
				position: relative;
				float: left;
				margin-left: -30px;
				top: 22px;
				pointer-events: none;
			}
.form-member {
margin:0 auto;
  background: #fff;
  padding: 15px;
}
.form-member h2 {
  font-weight: bold;
  font-size: 16px;
  border-bottom: 1px solid #f1f1f1;
}
.searchbox {
  position: relative;
  z-index: 1;
  clear: both;
  width: 130px;
  height: 40px;
  margin: 40px auto 50px;
  border: 2px solid #444786;
}
.mod_select {
  position: absolute;
  left: 0;
  top: 0;
  width: 98px;
}
.mod_select .select_box {
  position: relative;
  width: 98px;
  height: 36px;
}
.mod_select .select_box .select_txt {
  display: inline-block;
  width: 98px;
  height: 36px;
  padding-left: 28px;
  overflow: hidden;
  line-height: 36px;
  font-size: 16px;
  cursor: pointer;
}
.mod_select .select_box .select-icon {
  position: absolute;
  top: 50%;
  right: 10px;
  transform: translate(0,-50%);
  width: 10px;
  height: 10px;
  background: url(../images/search_ico.png) center no-repeat;
}
.mod_select .select_box .option {
  display: none;
  position: absolute;
  top: 40px;
  left: -2px;
  width: 100px;
  background-color: #fff;
  border: 2px solid #444786;
  border-top: 0;
}
.mod_select .select_box .option li {
  padding-left: 28px;
  font-size: 16px;
  line-height: 2;
  cursor: pointer;
}
.searchbox .import {
  width: 126px;
  height: 40px;
  margin-left: 100px;
  padding-left: 20px;
  border: none;
  outline: none;
}
.searchbox .btn-search {
  position: absolute;
  right: 0;
  width: 100px;
  height: 40px;
  color: #fff;
  background-color: #444786;
  border: 0;
}
.form-member h2 span {
  display: inline-block;
  padding: 0 10px;
  border-bottom: 3px solid #00adef;
  padding-bottom: 12px;
}
.list-form01 {
  padding: 25px 20px 0;
}
.list-form01 li {
  margin-bottom: 20px;
  overflow: hidden;
}
.list-form01 li i {
  float: left;
  width: 42px;
  height: 42px;
  border-right: 1px solid #c4c4c6;
  border-radius: 4px 0 0 4px;
  background-color: #fafafa;
  background-position: center;
  background-repeat: no-repeat;
}
.list-form01 li i.i1 {
  background-image: url(./images/ico34.png);
}
.list-form01 li i.i2 {
  background-image: url(./images/ico35.png);
}
.list-form01 li i.i3 {
  background-image: url(../img/ico36.png);
}
.list-form01 li .text {
  float: left;
  width: 80%;
  padding-left: 10px;
  line-height: 42px;
  font-size: 12px;
}
.list-form01 li .text.sm {
  width: 130px;
  border-radius: 0 4px 4px 0;
}
.list-form01 li .ico-sx {
  height: 42px;
}
.list-form01 li .dbtn {
  width: 100%;
  height: 42px;
  line-height: 42px;
  background: #00adef;
  color: #fff;
  font-size: 14px;
  cursor:pointer;
}
.list-form01 li .dbtn:hover {
  opacity: .8;
}
.list-form01 li .tuh {
  text-decoration: underline;
  color: #00adef;
}
.list-form01 .bd {
  border: 1px solid #c4c4c6;
  border-radius: 4px;
}
.login{text-align: center;font-size: 24px ;color: #333;padding-top: 30px;}
/* .header nav ul li.cur a::after,.header nav ul li:hover a::after{-webkit-transform:scale(1);transform:scale(1)} */
.header nav ul li:hover .sub-nav{visibility:visible;opacity:1;top:60px}
.header nav ul li:hover { background: #0580dd}
.header nav ul li:hover a { color:#fff;}
.header nav ul li.layui-this-moren{ color:#fff;background: #0580dd}
.header nav ul li a.layui-this-moren{ color:#fff;}
.header nav ul li>a{position:relative;height:60px;line-height:60px;color:#fff;font-size:16px;display: inline-block;}
.header nav ul li>a::after{position:absolute;content:'';left:0;bottom:0;width:100%;height:2px;background:#0062ac;transform:scale(0,1);-webkit-transform:scale(0,1);transition:all .3s;-webkit-transition:all .3s}
.header nav ul li .sub-nav{position:absolute;visibility:hidden;opacity:0;z-index:1;top:100px;left:50%;width:160px;color:#fff;background:rgba(255,255,255,.7);transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all .5s;-webkit-transition:all .5s}
.header nav ul li .sub-nav a{display:block;line-height:42px;padding:0px 10px;text-align:center;color:#333;}
.header nav ul li .sub-nav a:hover{background:#0062ac; color:#fff;}
.header .language{color:#333}
.header .language em{height:100px;line-height:50px;cursor:pointer;padding-right:15px}
.header .language em::after{position:absolute;content:'';top:50%;right:0;border-top:4px solid #333;border-left:4px solid transparent;border-right:4px solid transparent;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.header .language ul{z-index:1;width:100%;top:100px;left:50%;background:rgba(255,255,255,.5);transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .language ul::after{position:absolute;content:'';left:50%;top:-6px;border-bottom:6px solid rgba(204,204,204,.9);border-left:6px solid transparent;border-right:6px solid transparent;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.header .language ul li a{height:30px;line-height:30px;border-bottom:1px solid rgba(255,255,255,.2)}
.header .language ul li a:hover{text-decoration:underline; color:#0062ac;}
.dn{display: none}



/*海报区域*/
.banner{  width:100%; }
.banner .swiper-slide  img{ width:100%;height: 100%;}
.banner .swiper-button-prev, .banner  .swiper-container-rtl .swiper-button-next{ background: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;}
.banner .swiper-button-next,.banner .swiper-container-rtl .swiper-button-prev{background: none; font-size:80px; color:#fff; font-family: "宋体"; height: 80px; margin-top:-40px; width:40px; display: none;}
.banner:hover .swiper-button-prev{ display: block; }
.banner:hover .swiper-button-next{ display: block; }
.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom:5%}
.banner .swiper-pagination-bullet{ width:25px; height: 6px; opacity: 1; background: #fff; border-radius: 0px; }
.banner .swiper-pagination-bullet-active{ width:25px;background: #0580dd }
.banner .bnyd{display: none;}


.gonggtit{text-align: center;padding: 55px 0;}
.gonggtit h3{font-size: 26px;color: #000;}
.gonggtit p{font-size: 14px;color: #8a8a8a;}
.gonggtit i{display: block; max-width: 100%;margin: 18px 0 15px 0;}



.slideBox {
	width: 100%;
	position: relative;
}
.slideBox .hd {
	height: 15px;
	overflow: hidden;
	position: absolute;
	left: 50%;
	bottom: 5px;
	z-index: 1;
}
.slideBox .hd ul {
	overflow: hidden;
	zoom: 1;
	float: left;
}
.slideBox .hd ul li {
	float: left;
	margin-right: 2px;
	width: 10px;
	height: 10px;
	line-height: 14px;
	text-align: center;
	background: #fff;
	cursor: pointer;
	border-radius: 50%;
	text-indent: -9999px;
	background: #666666;
}


.slideBox .bd  p {

text-align:center;
font-size:14px;
color:#333;
padding: 15px 20px 0 20px

}
.slideBox li:hover  p{color: #0062ab;}
.slideBox .hd ul li.on {
	background: #e72b49;
	color: #fff;
}
.slideBox .bd {
	width: 100%;
	position: relative;
	height: 100%;
	z-index: 0;
	margin: 0 auto;
}
.slideBox .bd li {
	width:33.3%;
	zoom: 1;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	float: left;
	position: relative;
	overflow: hidden;
padding-bottom: 4px;
}
.slideBox .bd li img{width: 100%}
.slideBox .bd li .tp {
	transition: 0.4s;
	width: 92%;
	margin: 0 auto;
	overflow: hidden;
		box-shadow: 0 2px 3px 0 #ccc
}
	.slideBox .bd li:hover .tp{box-shadow: 0 4px 4px 0 #888;margin-top: -8px;}

.slideBox .bd li .tp a:hover img {
opacity: 0.9;


}

.slideBox .prev {
	position: absolute;
	left: 15px;
	top: 35%;
	width: 50px;
	height: 50px;
	background:rgba(0,0,0,0.6);
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	font-family: "宋体"

}
.slideBox .next {
	position: absolute;
	right: 15px;
	top: 35%;
width: 50px;
	height: 50px;
	background:rgba(0,0,0,0.6);
	line-height: 50px;
	text-align: center;
	color: #fff;
	font-size: 40px;
	font-family: "宋体"

}


    /* PC端隐藏小圆点 */
    @media screen and (min-width: 1024px) {
.hd {
	display: none;
}

}
    /* 移动端隐藏箭头 */
    @media screen and (max-width: 768px) {
.slideBox {
	width: 100%;
	position: relative;
	padding-top: 10px;
}
.slideBox .prev {
	left: 4%;
top: 30%;
}
.slideBox .next {
	right: 4%;
	    top: 30%;
}
.hd {
	display: none;
}
.slideBox .bd {
	width: 100%;
	position: relative;
	height: 100%;
	z-index: 0;
	margin: 0 auto;
	overflow:hidden;
}
.slideBox .bd li {
	width: 33.3%;
	zoom: 1;
	vertical-align: middle;
	text-align: center;
	display: table-cell;
	float: left;
}
}
    /* 移动端隐藏箭头 */
    @media screen and (max-width: 767px) {
.slideBox .bd li {
	width: 100%;
}
}


.zhanshilb p{text-align: center;padding-top: 20px;font-size: 16px;color: #4b4b4b}
.zhanshilb .swiper-slide:hover p{color: #0062ac}
.zhanshi .swiper-slide{ width:31.4%;pa dding: 2px 5px;transition: 0.5s;}

.zhanshi .swiper-slide img{box-shadow: 0 2px 3px 0 #ccc;max-width: 100%;}

 .zhanshilb .swiper-button-next,.zhanshilb .swiper-button-prev{ margin-top: 5%;}

 .zhanshilb .swiper-button-prev,.zhanshilb .swiper-container-rtl .swiper-button-next{left:1.6%; user-select:none;font-size:40px;text-align: center; line-height: 50px;outline: none; color:#fff; font-family: "宋体"; height: 50px; width:50px; background: rgba(0,0,0,.4);}
 .zhanshilb .swiper-button-next,.zhanshilb .swiper-container-rtl .swiper-button-prev{right:1.4%;user-select:none;font-size:40px;text-align: center;line-height: 50px;outline: none; color:#fff; font-family: "宋体"; height: 50px; width:50px; background: rgba(0,0,0,.4);}


.zhanshi .swiper-container .swiper-slide:hover{margin-top: -8px;}
.zhanshi .swiper-slide img:hover{box-shadow: 0 2px 5px 0 #666;}

.about{padding-top:60px;}
.abtxtcon{width: 85%;float: left;}
.abcon{background: url(../images/about.jpg)no-repeat ;}
.about .aboutxt{width: 55%;background: #fff;float: right;padding-left:50px;margin:50px 0 50px 0;padding: 40px 0 40px 50px;box-shadow: 0 2px 2px 0 rgba(0,0,0,.1);}
.about .aboutxt img{padding:0 0 40px 0;max-width: 100%;}
.about .aboutxt p{font-size: 14px ;color: #8a8a8a;line-height: 36px;text-indent: 2em;}
.about .aboutxt .abxq{padding: 50px 0 60px 0;display: block;font-size: 14px ;color: #8a8a8a;}
.about .aboutxt .abxq:hover {color: #0580dd;}
.about .abdh{width: 100%;margin-bottom: 40px;display: block;}
.about .abdh li{ text-align: center; background: #cfcfcf;margin-right: 5px;float: left;}
.about .abdh li a{padding:0 35px;color: #000;line-height: 50px;height: 50px;display: block;}
.about .abdh li:last-child{margin-right: 0;}
.about .abdh li:hover{background: #0580dd;}
.about .abdh li:hover a{color: #fff;}
/* .about .abdh li:first-child{background: #0580dd;} */
.about .abdh li a:first-child{color: #fff;}

.news li h3{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-size: 16px;color: #333;font-weight: 800;padding-top: 25px;}
.news li p{font-size: 14px;color: #8a8a8a; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;padding-top: 20px;height:55px }
.newspic{overflow: hidden;}
.news li:hover img{transform: scale(1.1);transition: 1s;}
.news li img{transition: 1s;width: 100%;}
.news .newsbtn{margin-top: 30px; width: 90px;height: 35px;display: block;background: #0062ab;border-radius: 10px;text-align: center;line-height: 35px;color: #fff;}
.news li:hover h3{color: #0580dd;}


/* 案例 */
.altit{text-align: center;padding-bottom: 30px;display: block;}

.anli{ margin:40px 0 0 0;background: url(../images/bag.jpg) no-repeat center;overflow: hidden;}
.anli .anlicon{ position:relative; margin-bottom:80px;}
.anli .swiper-container{ margin-top:0px;}
.anli .swiper-slide{ width:23.4%;height: 214px; background: rgba(255,255,255,.5);border-radius: 15px;text-align: center;margin-right: 25px; padding: 20px 15px;transition: 0.6s;}
.anli .swiper-slide img{ display:block; width:100%;transition: 1s }
.anli .swiper-slide .anlipic{overflow: hidden;}
.anli .swiper-slide .anlipic:hover img{ transform: scale(1.1)}
.anli  .swiper-slide h4{font-size:18px ;color: #fff;padding: 0 0 30px 0;}
.anli .swiper-slide:hover{background: rgba(255,255,255,.2);}
.anli .anlicon p{ font-size:14px; line-height:30px;color: #fff;text-align: center;padding: 0 5px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2; overflow: hidden;}
.anli .swiper-button-next,.anli .swiper-button-prev{ width:45px; height:85px; background-size:90%; margin-top:-45px;}
.anli .swiper-button-prev,.anli .swiper-container-rtl .swiper-button-next{ background-image:url(../images/jt.png); left:-5%; outline:none;}
.anli .swiper-button-next,.anli .swiper-container-rtl .swiper-button-prev{ background-image:url(../images/jt2.png); right:-5%;outline:none;}

.anli .swiper-pagination-bullet-active{background: #da251d }

.newstit h3{color: #fff;}
.newstit p{color: #fff;}

.hezuo li a{border: 1px solid #ccc;display: block;transition: 0.6s;}
.hezuo li img{max-width: 100%;}
.hezuo li a:hover {margin-top: -7px;box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);}


/*.footer{background:#1e1e1e url(../images/footerbg.jpg) center top no-repeat;margin-top: 80px;}*/
.footer{background:#1e1e1e url(/public/static/images/footer.png) center top no-repeat;margin-top: 80px;}
.footer>.container{position:relative;padding:30px 15px;height:310px;}
#footernav{width:100%;}
#footernav li{float:left;width:11.1%;}
#footernav li p{font-size: 14px;text-align: center;color: #fff;padding-top: 20px;}
#footernav dt{padding-bottom:6px;}
#footernav dt a{color:#ccc;font-size:18px; font-weight:bold;}
#footernav dd a{color:#ccc;font-size:14px;}
#footernav dt a, #footernav dd a{line-height:2.5;transition:color ease .5s;}
#footernav dt a:hover, #footernav dd a:hover{color:#fff;}
.qrcode{ margin:0 auto; text-align:center;}
.footer .div02{width:205px;}
.footer .div02{padding-top:10px;}
.footer .link{position:relative;margin-bottom:1.5em;height:32px;}
.footer .link span{display:block;line-height:32px;color:#888;text-indent:25px;cursor:pointer;background:#fff url(../images/icon04a.png) 170px center no-repeat; transition:background ease .5s;}
.footer .link:hover span{background-color:#00903B;background-image:url(../images/icon04b.png);color:#fff;}
.footer .link div{position:absolute;display:none;left:0;bottom:30px;right:0;padding:6px 25px 0;background:#00903B;}
.footer .link a{display:block;line-height:2;color:#fff;}
.footerlogo{position:absolute;bottom:2em;left:0;color:#ccc; font-size:14px; line-height:2em; padding:0 15px;}
.footerlogo a{color:#ccc;}
.footerlogo a:hover{color:#fff;}

.profl{padding-top: 40px;}
.nytit{padding-bottom: 10px;}
.nytit h2{font-size: 20px;font-weight: 600; color: #333333;padding-bottom: 10px;}
.nytit i{display: block;width: 70px;height:2px;background:#0062ab;}
.accordion {
  width: 160px;


  background: #eee;

}

.accordion .link {
 cursor: pointer;
 display: block;
 padding: 12px 15px 12px 20px;
 color: #4D4D4D;
 font-size: 14px;

 border-bottom: 5px solid #fff;
 position: relative;
 -webkit-transition: all 0.4s ease;
 -o-transition: all 0.4s ease;
 transition: all 0.4s ease;
}



.accordion li i {
 position: absolute;
 top: 14px;
 left: 12px;
 font-size: 12px;
 color: #595959;
 -webkit-transition: all 0.4s ease;
 -o-transition: all 0.4s ease;
 transition: all 0.4s ease;
}

.accordion li i.fa-chevron-down {
 right: 12px;
 left: auto;
 font-size: 16px;
}



.accordion li.open i {
 color: #0062ab;
}
.accordion li.open i.fa-chevron-down {
 -webkit-transform: rotate(180deg);
 -ms-transform: rotate(180deg);
 -o-transform: rotate(180deg);
 transform: rotate(180deg);
}

.accordion li.default .submenu {display: block;}
/**
* Submenu
-----------------------------*/
.submenu {
  display: none;
  background: #fff;
  font-size: 14px;
}

.submenu li {
  border-bottom: 1px solid #eee;
}
.link span{overflow: hidden;text-overflow:ellipsis;white-space: nowrap;width: 90%;display: block;}
.submenu a {
  display: block;
  text-decoration: none;
  color: #333;
  padding: 12px;
  padding-left: 25px;
  -webkit-transition: all 0.25s ease;
  -o-transition: all 0.25s ease;
  transition: all 0.25s ease;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
}

.submenu a:hover {

  color: #0062ab;
}
.newsny .times1{
	display:block;
	text-align:center;
	padding: 0 0 20px 0;
}
.newsny1 .times1{
	display:block;
	text-align:center;
	padding: 0 0 20px 0;
}
.newsny span {
    font-size: 14px;
    color: #666;

}
.newsny span1111 {
	width:100%;
	display:block;
    font-size: 14px;
    color: #666;
  /*  padding: 0 0 10px 0; */

}
.newsny1 span {

    font-size: 16px;

  /*  padding: 0 0 10px 0; */

}
.submenu .col{ color: #0062ab;}
.profr{padding-top: 60px;padding-left: 20px;}
.prots li {display: block;text-align: center}
.prots li img{width: 100%;height: 100%; transition: 1s;display:block;}
.prots li p{padding: 10px 15px; font-size: 14px;color: #333333;text-align: center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;height:28px;}
.prots li:hover p{color: #0062ab;}
.prots li:hover img{transform: scale(1.1);}
.prots li a{display: block;border: 1px solid #ccc;}
.propic{overflow: hidden;height:150px}

.fly-panel-title{position: relative; height:30px;line-height: 30px;color: #333;font-size: 18px;margin-top: 40px;}
.fly-panel-title .nbiao span{font-size: 14px;}
.lastcolor{color: #0062ab;}
.fly-panel-main{padding: 10px 15px;}
.fly-filter a{padding: 0 5px; color: #666;}
.fly-filter .fly-filter-right a:hover{color: #fff;}
.fly-filter p:hover{background: #0062ab;}
.fly-filter a:hover{color: #0062ab;}
.fly-filter a:last-child{color: #0062ab;}
.fly-filter .fly-mid{margin: 0 8px;}
.fly-filter-right{position: absolute; right: 0; top: 0;}
.fly-filter-right p{display:block;font-weight: 500;float: left;}
.fly-filter-right a{color: #333;font-size: 16px; padding:0; position:relative; display: inline-block;height:30px;
line-height:30px;padding: 0 13px;}

.fly-filter-right  p.layui-this-moren{background: #0062ab;	}
.fly-filter-right  a.layui-this-moren{color:#fff;}
.prony .pronyfl{border: 1px solid #ccc;padding:45px 30px;}
.prony .pronyfl img{width: 100%;}
.prony .pronyfr{padding-left: 50px;}
.prony .pronyfr h3{color: #404040;font-size: 24px;padding: 30px 0;}
.prony .pronyfr p{color: #5e5e5e;font-size: 14px;line-height: 30px;}
.prolm p{width: 110px;height: 40px;background:#0062ab;text-align: center;line-height: 40px;font-size: 16px;color: #fff;}
.prolm{border-bottom: 1px solid #ccc;margin: 60px 0;}

.main-nav-m{display: none;}

.aboutny{padding-top: 60px;}
/* .aboutny p{font-size: 14px ;color: #666;text-indent: 2em;line-height: 36px;}
.aboutny .aboutnycon p{font-size: 17px ;color: #666;text-indent: 2em;line-height: 36px;font-weight:bold}
.aboutny span{font-size: 14px ;color: #666;line-height: 36px;display: inline-block;padding:0 100px;}*/
.aboutnycon{padding-top:70px ;}
.aboutnycon{display:block;margin:0 auto;text-align:center}
.liuyan{padding: 0 300px;padding-top: 60px;}



.huoban{padding-top: 60px;}
.huoban li a{border: 1px solid #ccc;display: block;transition: 0.6s;}
.huoban li img{max-width: 100%;}
.huoban li a:hover {box-shadow: 0 2px 4px 0 rgba(0,0,0,.3);}


.hexin{padding-top: 60px;padding: 60px 50px 0 50px;}

.jiejue{padding-top: 60px;}
.jiejue li a{display: block;border: 1px solid #ccc;}
.jiejue li h3{font-size: 18px;color: #0c0c0c;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;padding: 15px 10px 20px 10px;}
.jiejue li p{font-size: 14px;color: #666;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;padding: 0 10px;margin-bottom: 10px;}
.jiejue li img{width: 100%;padding: 10px;}
.jiejue li:hover img{opacity: 0.8;}
.jiejue li:hover h3{color: #0062ab;}

.jiejueny{padding-top: 60px;}

.ditu {padding-top: 60px;}
.ditu h3{font-size: 24px;color: #1e1e1e;padding: 60px 0 30px 0;}
.ditu p{font-size: 14px;color: #666;line-height: 36px;}
.ditu .ditutxt{padding-left:4%;}

.rencai{padding-top: 60px;}


.culture{padding: 70px 0 0 0;overflow: hidden;}

.culture .cultpd{padding-left: 40px}
.culture .cultsm{float:left;margin-top:20px}
.culture .cultxm{float: right}
.culture .cult{padding-top: 100px;padding-left: 80px;}
.culture .cult h3{font-size: 18px;color: #0062ac;font-weight: 700;padding: 10px 0;}
.culture .cult p{font-size: 14px;color: #3f3f3f;line-height: 30px;padding-right:50px ;}

.carns2{padding-right: 110px}
.carns2 .carn2tit{height: 50px;background: #f1f1f1;text-align: center;line-height: 50px;font-size: 18px}
.carns2 .carn2txt{padding: 0 20px;}
.carns2 .carn2txt p{padding-top: 45px;font-size: 14px;color: #3f3f3f}
.culture img:hover{opacity: 0.8;}
.carliuyan {padding-left: 110px}
.carliuyan .carn2tit{height: 50px;background: #f1f1f1;text-align: center;line-height: 50px;font-size: 18px}
.prony .layui-row table {
    margin: 0 auto !important;
}
 .xlhBox{
							    height: 200px;
								background: #fff;
								color: #333;
								padding: 25px  50px;
								margin: 50px 0;
								-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')"; /* For IE 8 */
								filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000'); /* For IE 5.5 - 7 */
								-moz-box-shadow: 2px 2px 10px #909090;/* for firefox */
								-webkit-box-shadow: 2px 2px 10px #909090;/* for safari or chrome */
								box-shadow:2px 2px 10px #909090;/* for opera or ie9 */
						}
					    .zjxlh{width:100%; display: inline-grid;margin-top:20px;}
						.zjxlh h2{margin:0 auto;font-size:16px;color:#000;font-weight:bold;}
						.ciBox{}
						.ciBox ul li{width:50%;float:left;margin:10px 0;color:#000;font-weight:bold;}
						.ciBox ul li .gsY{color:#0062ab;}
						.ciBox ul li .gsN{color:#f53b3b;}
						.ciBox h1{font-size:18px;font-weight:bold;padding-bottom:10px;text-align:left;}
.contRightWrap{padding-top: 45px;}
.courseList li {padding: 18px 0; border-bottom: 1px solid #eeeeee;}
.courseList li:last-child {border-bottom: none;}
.courseList li .pic {float: left; width: 20%;overflow: hidden;padding-bottom: 8%;height: 0;}
.courseList li .cont {float: left; width: 60%;padding-left: 25px}
.courseList li .cont h3 { font-size: 16px; font-weight: 600; line-height: 34px;}

.courseList li .cont h3  {color: #333333;}
.courseList li:hover h3 {color: #0062ab;}
.courseList li .cont p {color: #666; line-height: 30px;}
.courseList li img{transition: 1s}
.courseList li:hover img {-webkit-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}

.newsList li {overflow: hidden; border: none; margin-bottom: 10px;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .pic img {width: 100%}
.newsList li .cont {-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}
.newsList li .cont h3 {overflow: hidden;
  text-overflow:ellipsis;
  white-space: nowrap;margin-top: 2px; line-height: 28px; font-size: 16px; font-weight: bold;}
.newsList li .cont h3 a {color: #333333;}
.newsList li .cont h4 {margin-top: 12px; line-height: 24px; color: #adadad;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in; font-size:15px;}
.newsList li .cont p {color: #999999; line-height: 28px; font-size:14px;padding-top: 20px;display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;}
.newsList li:hover h3 a {color: #0062ab;}

.newsList li  .more{width: 20%; margin-top: 50px; float: right; border: 1px solid #aaaaaa;width:140px ;height: 45px;line-height: 45px;text-align: center; font-size: 14px;}
.newsList li:hover .more{color: #fff;background: #0062ab;}
.xuxian{margin-top:30px;margin-bottom: 40px; border-bottom: 1px solid #aaaaaa;}

.newsny{padding-top: 60px;}

.baoxiu{padding: 60px 300px 0 300px;}

.conlac .gcsli{width:90%}

.shipin{padding-top: 60px}
.shipin li a {position: relative;display: block}
.shipin em{display:block;position:absolute;background: rgba(0, 0, 0, 0.3);  top:0; right:0;bottom:0;left:0;background-image:url(../images/sp_hei.png);background-position:center center;background-repeat:no-repeat; transition:ease .5s;-webkit-transition:ease .5s; cursor:pointer;background-size: 100%;}
.shipin li:hover em{opacity: 1;background: rgba(0, 0, 0, 0.1);}
.shipin li p{padding-top: 20px;text-align: center;}
.shipin li img{width: 100%;background: rgba(0, 0, 0, 0.3); }
.sptit{text-align: center;padding:75px 0 30px 0;display: block;}

.soso .searchs .so{padding-left: 5px; width:280px; height:38px;margin-right:15px ; border:1px solid #d4d4d4; background:#fff; outline:none; color:#333;font-size: 14px;}

.soso .searchs .bttn{cursor:pointer; width:60px; height:32px; background:#0062ab;border: none;margin-top: 0;margin-left: -5px;color: #fff;border-radius: 8px;}
.soso{margin: 0 auto;display: block;text-align: center;padding-top: 60px;padding-bottom:35px}


.xzm .searchs .so{padding-left: 5px; width:280px; height:38px;margin-right:15px ; border:1px solid #d4d4d4; background:#fff; outline:none; color:#333;font-size: 14px;}

.xzm .searchs .bttn{cursor:pointer; width:60px; height:32px; background:#0062ab;border: none;margin-top: 0;margin-left: -5px;color: #fff;border-radius: 8px;}
.xzm{margin: 0 auto;display: block;text-align: center;padding-top: 60px;padding-bottom:35px}

/* .touzi{padding-top: 60px;} */
.touzi li{padding-top: 30px;}
.touzi .touzifl{float: left;font-size: 16px; padding-top: 8px;color: #666;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.touzi .touzifr{float: right;text-align: right;}


.event{background: #fff;padding-bottom: 80px;}
.event .info{float: left;line-height: 30px;}
.event .rel{position: relative;float: left;}
.event .con-r{width:100%;padding-left:30%;padding-top: 50px;}
.event ul{padding-left:60px;padding-top:45px}
.event ul::after,.event ul::before{position:absolute;content:''}
.event ul::before{z-index:1;top:0;left:0;width:25px;height:25px;background:url(../images/event_icon.png) no-repeat center}
.event ul::after{left:12px;top:0;width:1px;height:100%;background:#e6e6e6}
.event li{margin-bottom:.35rem}
.event .date{width:120px;height:32px;line-height:32px;background:#0062ab;border-top-right-radius:5px;border-bottom-right-radius:5px;text-align: center; font-size: 16px;color: #fff;}
.event .date::after,.event .date::before{position:absolute;content:''}
.event .date::before{left:-51px;top:50%;width:7px;height:7px;border:1px solid #999;border-radius:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.event .date::after{left:-15px;border-right:15px solid #0062ab;border-top:16px solid transparent;border-bottom:16px solid transparent}
.event .info{padding-left:.35rem;width: 65%;}
.clearfix:after, .mauto:after {clear: both;}
.clearfix:after, .clearfix:before, .mauto:after, .mauto:before {display: table;content: "";}

@media (max-width: 1199px){
	.hdtop .hdtopfr{padding-right:0px}
	.hdtop .hdtopfr h3{
		display: list-item;
		font-size:12px !important;
	}
	.hdtopfl{width:25%}
	#footernav{width:760px;}
	.footer .div02{width:180px;}
	.footer .link span{background-position:150px center;}
}
@media (max-width: 991px) {
	#footernav{width:100%;}
	#footernav li{width:16%;}
}
@media (max-width: 767px){
	.footer{background-size:100% 100%;}
	.footer>.container{height:auto;}
	.footerlogo{position:static;text-align:center;font-size:14px;}
	.footerlogo img{display:block;margin:0 auto 1em;}
}



.footerdi{width: 100%; background: #1e1e1e;border-top:1px solid #666 ;}
.footerdi p{color: #fff;font-size: 14px;text-align: center;padding: 30px 0;}
.footerdi p a{color:#fff}





@media(max-width:1670px){
  .about .aboutxt p{line-height: 30px;}
  .about .aboutxt .abxq{padding: 30px 0 30px;}

}

@media(max-width:1366px){
  .about .aboutxt p{line-height: 30px;}
  .about .aboutxt .abxq{padding: 30px 0 30px;}
  .header nav ul li{padding:0 24px}
 /*  .hdtop .hdtopfr h3{display: none;} */
}




@media(max-width:1200px){
.aboutny span{padding:0 50px;}

  .zhanshi .swiper-slide{width: 32.5%;}
  .anli .swiper-slide{width: 31.5%;}
  .header nav ul li{padding:0 15px}
  .gushifl p{padding-top: 15px;line-height: 30px}
  .gushifl .gengduo{margin-top: 15px}
  .prony .pronyfr h3{padding: 20px 0;}
.prony .pronyfr{padding-left:50px;}
.liuyan{padding: 0 200px;padding-top: 50px;}
}
@media(max-width:1024px){
.footer{display: none}
.footerdi{display: block}
  .header nav ul li{padding:0 15px;text-align: center}
  .header .logo img{
    height: 60px;

}


.header nav ul li>a {
  font-size: 16px;
}
html.active{height:100%;overflow:hidden}
html.active body{height:100%;overflow:hidden}
html.active .header-m{left:260px}
html.active .header-m::after{display:block}
html.active .header-m .m-menu-b::after,html.active .header-m .m-menu-b::before{background:#0062ab}
html.active .header-m .m-menu-b::before{transform:translateY(0) rotate(225deg);-webkit-transform:translateY(0) rotate(225deg)}
html.active .header-m .m-menu-b::after{transform:translateY(0) rotate(-225deg);-webkit-transform:translateY(0) rotate(-225deg)}
html.active .header-m .m-menu{display:block;left:0}
html.active .banner,html.active .i-banner,html.active footer,html.active main{transform:translateX(260px);-webkit-transform:translateX(260px)}
.anli .swiper-slide{width: 31.5%;}
.zhanshi .swiper-slide{width: 33.3%;}
.footerdi{margin-top: 30px;}
.about .aboutxt p{line-height: 30px;}
.about .aboutxt .abxq{padding: 30px 0 30px;}
.zhanshilb .swiper-button-next,.zhanshilb .swiper-button-prev{ margin-top: 6%;}

.licheng{display: none}
.about .aboutxt{width: 75%;}


}
.flwb{ position:absolute; z-index:999999;}
.flwb a{ display:block;}
.flwb img{max-width:460px;}
.flwb .close{ position:absolute; top:-30px; right:0;cursor:pointer}
.flwb .close i{font-size:30px}

@media(max-width:993px){
  .culture .cult{padding: 20px 0;}
  .header {display: none;}
  .hdtop .hdtopfl {text-align: center}
  .hdtop .hdtopfr img{display: none}
 .hdtop .hdtopfr{display: none;}
 .prony .pronyfr h3{padding: 10px 0;font-size: 18px;}
 .prony .pronyfr p{font-size: 14px;}
 .prony .pronyfr{padding-left: 10px;}
 .liuyan{padding: 0 100px;padding-top: 50px;}
 .aboutny img{width: 100%;}
 .aboutnycon{padding-top: 30px;}
}

@media(max-width:768px){
  .event .con-r{padding-left: 15%;}
  .fly-panel-title{display: none;}
  .pro .accordion{width: 100%;}
  .cpfwbn{margin-top: 30px}
  .fangancon{padding:10px 0;}
  .hdtop{height: 0;}
  .hdtop .hdtopfr {display: none}
  .hdtop .hdtopfl img{display: none}
  .banner{margin-top:70px}
  .fangan{margin-top: 10px}
  .fanganfr{padding: 0;}
  .header-m{display:block!important;z-index:999;position:fixed;left:0;top:-1px;width:100%;height:70px;background:#fff;box-shadow:1px 1px 10px rgba(0,0,0,.1)}
  .header-m::after{display:none;position:fixed;content:'';top:70px;left:0;width:100%;height:100%;background:rgba(0,0,0,.5)}
  .header-m .logo{position:absolute;left:50%;line-height:70px;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
  .header-m .logo img{max-height:45px; max-width:none;}
  .header-m .m-menu-b{display:block;position:absolute;top:0;left:0;width:60px;height:70px;cursor:pointer}
  .header-m .m-menu-b::after,.header-m .m-menu-b::before{position:absolute;top:50%;left:calc(35px / 2);content:'';width:35px;height:3px;z-index:9999;transition:all .3s ease-out .3s;-webkit-transition:all .3s ease-out .3s;background:#0062ab}
  .header-m .m-menu-b::before{transform:translateY(-4px) rotate(0);-webkit-transform:translateY(-4px) rotate(0)}
  .header-m .m-menu-b::after{transform:translateY(4px) rotate(0);-webkit-transform:translateY(4px) rotate(0)}
  .header-m .m-menu{display:none;z-index:888;position:fixed;width:100%;width:260px;height:100%;top:0;left:-260px;opacity:1;background:#fafafa;text-align:left;padding-top:70px}
  .header-m .m-menu::after{position:absolute;top:70px;content:'';width:100%;height:1px;background:#ebebeb}
  .header-m .nav{height:100%;overflow-x:hidden;overflow-y:auto}
  .header-m .nav>li{border-bottom:1px solid #ebebeb;animation:resize .5s both;-webkit-animation:resize .5s both}
  .header-m .nav>li>a{position:relative;display:block;width:100%;font-size:15px;padding:0 40px;color:#666;vertical-align:middle;text-overflow:ellipsis;white-space:nowrap;word-wrap:break-word;overflow:hidden;height:50px;line-height:50px}
  .header-m .nav>li>a::after{position:absolute;left:20px;top:50%;margin-top:-5px;content:'';width:8px;height:8px;border:1px solid #999;border-radius:50%;background:0 0;transition:all .3s;-webkit-transition:all .3s}
  .header-m .nav>li .sub-nav{display:none}
  .header-m .nav>li .sub-nav a{position:relative;display:block;line-height:24px;padding:12px 40px;background:#f2f2f2;color:#4e4e4e}
  .header-m .nav>li .sub-nav a::after,.header-m .nav>li .sub-nav a::before{position:absolute;content:'';width:0;height:0;left:20px;top:20px;border:5px solid transparent;overflow:hidden;transition:all .3s;-webkit-transition:all .3s}
  .header-m .nav>li .sub-nav a::before{left:21px;border-left:5px solid #555}
  .header-m .nav>li .sub-nav a::after{border-left:5px #ebebeb solid}
  .header-m .nav>li.cur{position:relative}
  .header-m .nav>li.cur::after,.header-m .nav>li.cur::before{position:absolute;content:'';background:#999;transition:all .5s;-webkit-transition:all .5s}
  .header-m .nav>li.cur::before{top:19px;right:25px;width:2px;height:12px}
  .header-m .nav>li.cur::after{top:24px;right:20px;width:12px;height:2px}
  .header-m .nav>li.active::after{background:#fff}
  .header-m .nav>li.active::before{height:0}
  .header-m .nav>li.active>a{color:#fff;background:#0062ab;}
  .header-m .nav>li.active>a::after{background:#fff;border-color:#fff}
  .header-m .nav>li.active .sub-nav li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
  .header-m .m-language{position:absolute;left:0;top:0;width:100%;text-align:center}
  .header-m .m-language a{color:#666;height:70px;line-height:70px;font-size:16px;animation:slideInUp 1.5s both;-webkit-animation:slideInUp 1.5s both; padding:0 10px;}
  .header{display:none}
    .layui-row .newsny img{width:100%}

  .main-nav-m{display:block;position:relative;z-index:10;cursor:pointer;}
  .main-nav-m .title{position:relative;height:45px;line-height:45px;padding:0 10px;background:#0062ab;}
  .main-nav-m .title strong{color:#fff;font-size:16px;font-weight:700}
  .main-nav-m .title i{position:absolute;content:'';width:45px;height:100%;right:0}
  .main-nav-m .title i::after,.main-nav-m .title i::before{position:absolute;top:50%;content:'';width:12px;height:1px;background:#fff;transition:all .3s;-webkit-transition:all .3s}
  .main-nav-m .title i::before{left:46%;transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
  .main-nav-m .title i::after{right:46%;transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
  .main-nav-m .title.active i::before{transform:rotate(-40deg) scaleY(1.5);-webkit-transform:rotate(-40deg) scaleY(1.5)}
  .main-nav-m .title.active i::after{transform:rotate(40deg) scaleY(1.5);-webkit-transform:rotate(40deg) scaleY(1.5)}
  .main-nav-m ul{display:none;position:absolute;top:45px;width:100%;padding:0 10px;background:rgba(0,98,172,.8);color:#fff}
  .main-nav-m ul li{animation:ReturnToNormal .5s both;-webkit-animation:ReturnToNormal .5s both}
  .main-nav-m ul li a{display:block;height:45px;line-height:45px;border-bottom:1px solid rgba(255,255,255,.55); color:#fff;}
  .anli .swiper-slide{width: 47.9%;}
  .zhanshi .swiper-slide{width: 32.5%;}
  .zhanshilb .swiper-button-prev,.zhanshilb .swiper-container-rtl .swiper-button-next{left:2.2%; }
  .zhanshilb .swiper-button-next,.zhanshilb .swiper-container-rtl .swiper-button-prev{right:2%;}
  .zhanshilb .swiper-button-next,.zhanshilb .swiper-button-prev{ margin-top: 7.5%;}
  .anli .anlicon{padding: 0 25px;}
  .about .aboutxt{width: 90%;}
  .about .abdh{width: 80%;}
  .anli .swiper-button-prev,.anli .swiper-container-rtl .swiper-button-next{  left:-5%; }
.anli .swiper-button-next,.anli .swiper-container-rtl .swiper-button-prev{  right:-3%;}
.nybanner{margin-top: 70px;}
.liuyan{padding: 0 50px;padding-top: 50px;}
.newsList li .cont .more{margin-top: 20px;}
  .courseList li .pic{width: 35%;}
  .courseList li .cont{width: 65%;}
  .newsList li .more{width: 90px;height: 40px;margin-top: 10px;line-height: 40px;}
  .newsList li .cont p{padding-top: 10px;}
}
@media(max-width:767px){

  .event .info{padding: 0;width: 100%;}
  .event .con-r{padding-left: 0;}
  .newsList li .cont .more{margin-top: 20px;}
  .courseList li .pic{width: 100%;}
  .courseList li .cont{width: 100%;padding-left: 0;}
  .newsList li .cont h3{padding-top: 10px;}
  .aboutny{padding-top: 30px;}
  .aboutny img{width: 100%;}
  .aboutny span{padding: 0;}
  .liuyan{padding: 0 ;padding-top: 50px;}
.footerdi{margin-top: 30px;}
.about .aboutxt{margin-bottom: 0;}
  .zhanshi .swiper-slide{width:100%;}
  .zhanshi .swiper-slide img{width: 100%;}
  .anli .swiper-slide{width: 98%;   }

  .zhanshilb .swiper-button-prev,.zhanshilb .swiper-container-rtl .swiper-button-next{left:5%; }
  .zhanshilb .swiper-button-next,.zhanshilb .swiper-container-rtl .swiper-button-prev{right:4.8%;}
  .gonggtit{padding: 30px 0;}
  .about .aboutxt{width: 100%;padding: 0;}
  .abcon{background: none;}
  .about{padding: 0 20px;}
  .abtxtcon{width: 100%;float: none;}
  .about .abdh{width: 100%;}
  .about .abdh li{width: 31%;}
  .about .abdh li a{padding: 0 5px;}
  .about .aboutxt img{margin: 0 auto;display: block;padding: 10px 0 25px 0;}
  .about .aboutxt .abxq{padding: 20px 0;}
  .profr{padding: 0;}
  .prony .pronyfr h3{padding-top: 20px;}
  .prony{padding-top: 30px;}
  .prolm{margin: 30px 0;}
  .huoban img{display:block;margin:0 auto}
   .layui-row .newsny img{width:100%;display:block}
      .layui-row .aboutny .aboutnycon img{width:100%;display:block}
  .hexin{padding:30px 0 0 0 ;}
  .contnyfr  img{width:100%}
  .jiejueny{padding-top: 30px;}
  .jiejue{padding-top: 30px;}
  .ditu{padding: 0;}
  .ditu h3{font-size: 20px;}
  .rencai{padding-top: 30px;}
  .culture{padding-top: 30px;}
  .newsny{padding-top: 30px;}
  .baoxiu{padding: 30px 0 0 0;}
  .touzi{padding-top: 30px;}
  .event .con-r{padding-top: 0;}
  .about .aboutxt{box-shadow: none;}
  .banner .bnyd{display:block;}
  .banner .bnpc{display: none;}
  .banner .bnyd img{width: 100%;}

}